<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="indextuan">
        <header-top></header-top>
        <header-search-global></header-search-global>
        <comment-top-nav :topnavlist="topnavlist"></comment-top-nav>
        <!-- 通栏banner -->
        <div class="indextuan_banner-box mb-50">
            <div class="swiper-container indextuan_banner">
                <div class="swiper-wrapper">
                    <a class="swiper-slide" v-for="item,index in tuanBannerList" v-if="item.picture && index<5" :href="item.href">
                        <img :data-src="item.picture" class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                    </a>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="indextuan_title container mb-30">
            <div class="indextuan_title-h">
                <strong>今日</strong>推荐
                <div class="leftbar"></div>
                <div class="rightbar"></div>
            </div>
            <p>TODAY’S RECOMMENDATION</p>
        </div>
        <div class="indextuan_tui container mb-50">
            <a class="indextuan_tui-col" v-for="item in tuijianList" :href="item.href">
                <img :src="item.picture">
                <!--<div class="indextuan_tui-col">
                    <img :src="item.icon">
                    <div class="bar"></div>
                    <h1>{{item.title}}</h1>
                    <p>{{item.subtitle}}</p>
                </div>-->
            </a>
        </div>
        <div class="indextuan_title container mb-30">
            <div class="indextuan_title-h">
                <strong>精选</strong>活动
                <div class="leftbar"></div>
                <div class="rightbar"></div>
            </div>
            <p>SELECTED ACTIVITIES</p>
        </div>
        <!-- 团购 -->
        <div class="index_tuan container mb-60">
            <a class="index_tuan-col" v-for="item,index in tuanlist" :href="item.pcHref">
                <div class="index_tuan-col-img">
                    <img :src="item.activityPicturePc">
                    <p>{{item.activityName}}</p>
                </div>
                <div class="index_tuan-col-text">
                    <div class="index_tuan_left_text">{{item.businessName}}</div>
                    <div class="index_tuan_right_text">
                        <span><i class="icon-tuan_biao"></i>{{activityStateTuan}}</span>
                        <span v-if="tuanTime.length>0">
                        <span v-if="tuanTime[index].day>0">{{tuanTime[index].day}}天</span>
                        <span v-if="tuanTime[index].hour>0 && tuanTime[index].day<0">{{tuanTime[index].hour}}时</span>
                        <span v-if="tuanTime[index].minute>0 && tuanTime[index].hour<0">{{tuanTime[index].minute}}分</span>
                        <span v-if="tuanTime[index].second>0 && tuanTime[index].minute<0">{{tuanTime[index].second}}秒</span>
                        </span>
                    </div>
                </div>
            </a>
        </div>
        <!-- 页脚 -->
        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        indextuan();
    </script>
</body>

</html>